/************************************************************
** 请将全局样式拷贝到项目的全局 CSS 文件或者当前页面的顶部 **
** 否则页面将无法正常显示                                  **
************************************************************/
input {
	background-color: rgba(0, 0, 0, 0);
	border: none;
	outline: none;
	width: 90%;
}
.flex-col.section{
	font-size: 14px!important;
}
*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
html {
	font-size: 16px;
}
@supports(-webkit-touch-callout:none) {
    .tabbar{
		height: 75px!important;
		padding: 0 50px!important;
		padding-bottom: 20px!important;
	}
	.tabbar div{
		line-height: 75px!important;
	}
}
.tabbar {
	z-index: 9999;
	font-size: 16px;
	position: fixed;
	bottom: 0;
	background: #fff;
	height: 55px;
	width: 100%;
	margin-bottom: 0;
	border-top: 1px solid #eee;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 50px;
}
.tabbar div{
	line-height: 55px;
}
.tabbar div.active{
	color: #4397fe ;
}
.navBar{
	z-index: 9999;
	background: #fff;
	height: 40px;
	font-size: 15px;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	border-bottom: 1px solid #eee;
}
a{
	text-decoration: none!important;
	color: #333!important;
}
.navBar div{
	text-align: center;
	width: 50%;
	line-height: 40px;
}
.navBar div.active span{
	color: #4397fe;
	padding-bottom: 5px;
	border-bottom: 2px solid #4397fe;
}
#refreshContainer{
	/* overflow: scroll; */
	height: 100vh;
	padding-bottom: 200px;
}
body {
	overflow: hidden;
	margin: 0;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans',
		'Droid Sans', 'Helvetica Neue', 'Microsoft Yahei', sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	width: 100vw;
	height: 100vh;
	background-color: #f8f8fa;
}

body * {
	box-sizing: border-box;
	flex-shrink: 0;
}

.flex-row {
	display: flex;
	flex-direction: row;
	margin-bottom: 15px;
}

.flex-col {
	display: flex;
	flex-direction: column;
}

.justify-start {
	justify-content: flex-start;
}

.justify-center {
	justify-content: center;
}

.justify-end {
	justify-content: flex-end;
}

.justify-evenly {
	justify-content: space-evenly;
}

.justify-around {
	justify-content: space-around;
}

.justify-between {
	justify-content: space-between;
}

.items-start {
	align-items: flex-start;
}

.items-center {
	align-items: center;
}

.items-end {
	align-items: flex-end;
}
.page {
	background-color: #f8f8fa;
	width: 100%;
	/* overflow-y: auto;
	overflow-x: hidden;
	height: 100%; */
}

.section {
	padding: 8px 0 11px;
	/* filter: drop-shadow(0px 1.5px 5px #0000000d); */
	background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/634129f3f9b4a40011d7d983/16652186728324138056.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.search {
	margin: 0 15px;
	padding: 11px 14px 11px;
	background-color: #ffffff;
	box-shadow: 0px 1.5px 5px #0000000d;
	border-radius: 5px;
	border: solid 0.5px #eeeeee;
}

.space-x-17>*:not(:first-child) {
	margin-left: 8.5px;
}

.image {
	width: 15px;
	height: 15px;
}

.font_1 {
	font-size: 14px;
	font-family: AlibabaPuHuiTi;
	line-height: 13px;
	color: #333333;
}

.text {
	color: #4f4f4f;
}

.list {
	margin-top: 11px;
	padding: 0 15px;
}

.space-y-14>*:not(:first-child) {
	margin-top: 7px;
}

.list-item {
	padding: 11.5px 9px 11.5px 14px;
	filter: drop-shadow(0px 3.5px 12px #00000008);
	border-radius: 10px;
	background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/634129f3f9b4a40011d7d983/16652186728468549418.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.section_2 {
	padding: 9.5px 6.5px 4.5px;
	background-color: #ffffff;
	background-image: linear-gradient(119deg, #4c94fe 0%, #4b93fa 100%);
	border-radius: 5px;
	width: 104.5px;
	height: 69.5px;
}

.image_2 {
	margin-top: 12px;
	flex-shrink: 0;
	align-self: flex-end;
	width: 58px;
	height: 43.5px;
}

.text-wrapper {
	margin-top: -55.5px;
	align-self: flex-start;
	padding: 3.5px 0 3px;
	background-color: #ffffff;
	border-radius: 7px;
	width: 46px;
	position: relative;
}

.font_3 {
	font-size: 8px;
	font-family: AlibabaPuHuiTi;
	line-height: 7.5px;
	color: #ffc36a;
}

.text_4 {
	color: #4b93fc;
}

.group {
	margin-left: 9px;
	align-self: center;
}

.text_2 {
	align-self: flex-start;
}

.font_4 {
	font-size: 11px;
	font-family: AlibabaPuHuiTi;
	line-height: 11px;
	color: #999999;
}

.text_5 {
	margin-top: 9px;
	align-self: flex-start;
	line-height: 10.5px;
}

.group_2 {
	margin-top: 12.5px;
}

.text-wrapper_2 {
	padding: 2.5px 0 3px;
	flex-shrink: 0;
	border-radius: 7px;
	width: 46px;
	height: 14px;
	border: solid 0.5px #4b93fb;
}

.text_6 {
	color: #4b93fb;
}

.image_3 {
	margin: 2px 0 1.5px 5.5px;
	flex-shrink: 0;
	width: 23.5px;
	height: 10.5px;
}

.image_4 {
	margin: 2px 0 1.5px 3px;
	flex-shrink: 0;
	width: 36.5px;
	height: 10.5px;
}

.font_5 {
	font-size: 9px;
	font-family: AlibabaPuHuiTi;
	line-height: 8.5px;
	color: #ffc811;
}

.text_7 {
	margin: 3px 0 2.5px 6px;
}

.font_2 {
	font-size: 14px;
	font-family: AlibabaPuHuiTi;
	line-height: 11px;
	color: #f3505f;
}

.text_3 {
	margin-left: 13.5px;
	margin-top: 5.5px;
	line-height: 11.5px;
}

.group_3 {
	padding: 0 5px;
}

.group_4 {
	align-self: center;
}

.font_6 {
	font-size: 12px;
	font-family: AlibabaPuHuiTi;
	line-height: 11px;
	color: #666666;
}

.text-wrapper_3 {
	padding: 6.5px 0 5.5px;
	background-color: #ffffff;
	background-image: linear-gradient(119deg, #1deabe 0%, #15c8a0 100%);
	border-radius: 11.75px;
	width: 69px;
	height: 23.5px;
}

.font_7 {
	font-size: 12px;
	font-family: AlibabaPuHuiTi;
	line-height: 11px;
	color: #ffffff;
}

.text_8 {
	line-height: 11.5px;
}

.list-item_2 {
	padding: 11px 9px 11.5px 13.5px;
	filter: drop-shadow(0px 3.5px 12px #00000008);
	border-radius: 10px;
	background: #fff;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.section_3 {
	padding: 9.5px 6.5px 4.5px;
	flex-shrink: 0;
	background-color: #ffffff;
	background-image: linear-gradient(119deg, #ff9ca0 0%, #f36d6b 100%);
	border-radius: 5px;
	width: 105px;
	height: 70px;
}

.image_5 {
	margin-top: 12.5px;
}

.text-wrapper_4 {
	margin-top: -56px;
	padding: 3.5px 0;
	align-self: flex-start;
	background-color: #ffffff;
	border-radius: 7px;
	width: 46.5px;
	position: relative;
}

.text_11 {
	color: #f77c7c;
}

.group_5 {
	margin-left: 8.5px;
	flex: 1 1 auto;
}

.text_9 {
	margin-left: 1.5px;
}

.text_12 {}

.group_6 {
	margin-top: 12px;
}

.text-wrapper_5 {
	padding: 2.5px 0 3.5px;
	flex-shrink: 0;
	border-radius: 7px;
	width: 46.5px;
	height: 14.5px;
	border: solid 0.5px #f46f6d;
}

.text_13 {
	color: #f46f6d;
}

.image_6 {
	margin: 2.5px 0 1.5px 5.5px;
}

.image_7 {
	margin: 2.5px 0 1.5px 3px;
}

.text_14 {
	margin: 3.5px 0 2.5px 5.5px;
}

.text_10 {
	margin-left: 14px;
	margin-top: 6px;
	line-height: 11.5px;
}

.group_7 {
	padding-left: 5.5px;
	padding-right: 5px;
}

.group_8 {
	align-self: center;
}

.text-wrapper_6 {
	position: absolute;
	right: 20px;
	padding: 6.5px 0 6px;
	border-radius: 11.75px;
	width: 69.5px;
	height: 24px;
	background-color: #30b9ff;
	/* box-shadow: 0px 9px 12px #3f8fff3b; */
	background-image: linear-gradient(105deg, #55bafe 0%, #3072ff 100%);
}

.text_15 {
	line-height: 11.5px;
}

.list-item_3 {
	padding: 11.5px 9px 11.5px 14px;
	filter: drop-shadow(0px 3.5px 12px #00000008);
	border-radius: 10px;
	background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/634129f3f9b4a40011d7d983/16652186728964294740.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.space-y-51>*:not(:first-child) {
	margin-top: 25.5px;
}

.section_4 {
	padding: 9.5px 6.5px 4.5px;
	background-color: #ffffff;
	background-image: linear-gradient(119deg, #ffc46b 0%, #ffc36a 100%);
	border-radius: 5px;
	width: 104.5px;
	height: 69.5px;
}

.group_9 {
	margin-left: 9px;
	align-self: center;
}

.text_16 {
	align-self: flex-start;
}

.text_18 {
	margin-top: 9px;
	align-self: flex-start;
	line-height: 10.5px;
}

.group_10 {
	margin-top: 12.5px;
}

.text-wrapper_7 {
	padding: 2.5px 0 3px;
	flex-shrink: 0;
	border-radius: 7px;
	width: 46px;
	height: 14px;
	border: solid 0.5px #ffc36a;
}

.text_19 {
	margin: 3px 0 2.5px 6px;
}

.text_17 {
	margin-left: 13.5px;
	margin-top: 5.5px;
	line-height: 11.5px;
}

.group_11 {
	align-self: center;
}

.space-x-14>*:not(:first-child) {
	margin-left: 7px;
}

.group_12 {
	margin-top: 3px;
	padding-top: 3px;
	position: relative;
}

.section_6 {
	filter: drop-shadow(0px 0.5px 9px #0000000d);
	background-color: #ffffff;
	height: 50.5px;
}

.section_5 {
	background-color: #f8f8fa;
	height: 53.5px;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	position: absolute;
}
